<!DOCTYPE HTML>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>数据检索页面对应的Modal</title>
		<link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.min.css" type="text/css">
		<link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap-table.min.css">
		<link rel="stylesheet" href="../../plugins/bootstrap-fileinput/css/fileinput.min.css">
		<link rel="stylesheet" href="../../plugins/ztree/zTreeStyle/zTreeStyle.css">
		<link rel="stylesheet" href="../../css/common.css">
		<link rel="stylesheet" href="../../css/dataAdd.css">
		<script src="../../js/jquery-2.0.0.min.js"></script>
		<script src="../../plugins/bootstrap/js/bootstrap.min.js"></script>
		<script src="../../plugins/bootstrap/js/bootstrap-table.min.js"></script>
		<script src="../../plugins/bootstrap/js/bootstrap-table-zh-CN.js"></script>
		<script src="../../plugins/bootstrap-fileinput/js/fileinput.min.js"></script>
		<script src="../../plugins/bootstrap-fileinput/js/zh.js"></script>
		<script src="../../plugins/ztree/js/jquery.ztree.all.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/query/createHtml_detail.js"></script>
		<script src="../../js/query/dataInfo.js"></script>
		<script type="text/javascript" src="../../plugins/bootbox/bootbox.min.js"></script>
		<!-- <script type="text/javascript" src="../js/culturalDetail.js"></script>  -->
	</head>
	
	<body style="background:#fff;overflow-x:hidden;">

		<div class="container detailDiv">
			<!-- Nav tabs begin -->
			<ul class="nav nav-tabs" role="tablist">
				<!--<li role="presentation" class="active">
					<a href="#original" role="tab" data-toggle="tab">底账信息</a>
				</li>-->
				<li role="presentation" class="active">
		          <a href="#basic" role="tab" data-toggle="tab">基本信息</a>
		        </li>
		        <li role="presentation">
					<a href="#shap" role="tab" data-toggle="tab">形制信息</a>
				</li>
				<li role="presentation">
					<a href="#sound" role="tab" data-toggle="tab">音响信息</a>
				</li>
				<li role="presentation">
					<a href="#dmt" role="tab" data-toggle="tab">多媒体信息</a>
				</li>
				<li role="presentation">
          			<a href="#qm" role="tab" data-toggle="tab">曲目信息</a>
        		</li>
				<li role="presentation">
					<a href="#literature" role="tab" data-toggle="tab">人文信息</a>
				</li>
					
				<li role="presentation">
          			<a href="#culture" role="tab" data-toggle="tab">文化事项</a>
        		</li>
        		<li role="presentation">
          			<a href="#representation" role="tab" data-toggle="tab">代表人物</a>
        		</li>
        		
        		
        		<li style="float:right">
				
			</li>
			</ul>
			<!-- Nav tabs beign -->
		
			<!-- Tab panes beign -->
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="basic" style="height: 820px; overflow-y: auto; overflow-x: hidden;">	
					<div id="basicDiv" class="container-fluid"></div>
		       </div>
				<div role="tabpanel" class="tab-pane" id="shap">
					<div id="shapDiv" class="container-fluid"></div>
					<div class = "container-fluid">
					<img class="shapImg" style = " width:50%;margin-left:25%">
					</div>
					<table class="table_list_box" id="shap-table"></table>
				</div>
				<div role="tabpanel" class="tab-pane" id="sound">
					<div id="soundDiv" class="container-fluid"></div>
					<div class = "container-fluid">
					<img class="soundImg" style = " width:50%;margin-left:25%">
					</div>
					<table class="table_list_box" id="sound-table"></table>
				</div>
				<div role="tabpanel" class="tab-pane" id="literature">
					<div id="literatureDiv" class="container-fluid"></div>
				</div>
				
				<div role="tabpanel" class="tab-pane" id="dmt">
					<div id="dmtDiv" class="container-fluid">
						<table class="table_list_box" id="dmt-table"></table>
					</div>
				</div>
				
				
				<div role="tabpanel" class="tab-pane" id="culture">
					<div id="cultureDiv" class="container-fluid">
						<table class="table_list_box" id="whsx-table"></table>
					</div>
        		</div>
        		<div role="tabpanel" class="tab-pane" id=representation>
					<div id="representationDiv" class="container-fluid">
						<table class="table_list_box" id="dbrw-table"></table>
					</div>
        		</div>
        		
        		
        		<div role="tabpanel" class="tab-pane" id="qm">
				
						<table class="table_list_box" id="qm-table"></table>
					
        		</div>
        		
        		
			</div>
			
			<!-- Tab panes end -->
		
		</div>
		
		
	<!-- 文化事项的modal 开始 -->
	<div class="modal fade" id="editWhsxModal" tabindex="-2" role="dialog">
		<div class="modal-dialog" style="width: 1000px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">文化事项信息</h4>
				</div>
				<div class="modal-body">
					<form id="form_whsx"></form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 文化事项的modal 结束 -->
	
	
	<!-- 多媒体信息model开始 -->
		<div class="modal fade" id="editWhsxModal" tabindex="-2" role="dialog">
		<div class="modal-dialog" style="width: 1000px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">多媒体信息</h4>
				</div>
				<div class="modal-body">
					<form id="form_dmt"></form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 多媒体信息model结束 -->
	
	
	<!-- 代表人物的modal 开始 -->
	<div class="modal fade" id="editDbrwModal" tabindex="-2" role="dialog">
		<div class="modal-dialog" style="width: 1000px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title">代表人物信息</h4>
				</div>
				<div class="modal-body">
					<form id="form_dbrw"></form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 代表人物的modal 结束 -->
	
	</body>
</html>